#HelpUI{
    position: fixed;
    width: 324px;
    height: 324px;
    top: calc(50% - 162px);
    left: calc(50% - 162px);
    background-color: rgba(21, 18, 18,0.7);
    z-index: 3008;
    display: none;
    animation: play 13s linear infinite;
    border-radius: 50%;
    pointer-events: none;
}


@keyframes play {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

#HelpUIDiv{
    width: 100%;
    height: 100%;
    position: absolute;
    animation: mousediv 14s;
    -webkit-animation: mousediv 14s; /* Safari 与 Chrome */
}

@keyframes mousediv
{
    0%    {opacity: 0;}
    14%   {opacity: 0;}
    20%   {opacity: 1;}
    100%  {opacity: 1;}
}
 
@-webkit-keyframes mousediv /* Safari 与 Chrome */
{
    0%    {opacity: 0;}
    14%   {opacity: 0;}
    20%   {opacity: 1;}
    100%  {opacity: 1;}
}

#HelpUIShow{
    width: 40%;
    height: 40%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: mousemove 14s;
    -webkit-animation: mousemove 14s; /* Safari 与 Chrome */
}

@keyframes mousemove
{
    0%    {left:30%; top:30%;}
    14%   {left:30%; top:30%;}
    28%   {left:0; top:30%;}
    42%   {left:30%; top:0;}
    56%   {left:60%; top:30%;}
    70%   {left:30%; top:60%;}
    84%   {left:30%; top:30%;}
    100%  {left:100%; top:100%;}
}
 
@-webkit-keyframes mousemove /* Safari 与 Chrome */
{
    0%    {left:30%; top:30%;opacity: 0;}
    14%   {left:30%; top:30%;opacity: 0;}
    28%   {left:0; top:30%;opacity: 1;}
    42%   {left:30%; top:0;opacity: 1;}
    56%   {left:60%; top:30%;opacity: 1;}
    70%   {left:30%; top:60%;opacity: 1;}
    84%   {left:30%; top:30%;opacity: 1;}
    100%  {left:100%; top:100%;opacity: 1;}
}


#HelpUIShowTextDiv{
    position: absolute;
    width: 100%;
    height: 100%;
    animation: testshow 14s;
    -webkit-animation: testshow 14s; /* Safari 与 Chrome */
}


@keyframes testshow
{
    0%    {opacity: 1;}
    14%   {opacity: 1;}
    20%   {opacity: 0;}
    100%  {opacity: 0;}
}

@-webkit-keyframes testshow /* Safari 与 Chrome */
{
    0%    {opacity: 1;}
    14%   {opacity: 1;}
    20%   {opacity: 0;}
    100%  {opacity: 0;}
}

#HelpUIShowText{
    position: absolute;
    width: 100%;
    height: 100%;
}